﻿.acc-item li{
    float:left;
    width:45%;
    border:1px solid  #dedada;
    padding: 2.78% !important;
    box-sizing: border-box;
    margin-left:3%;
    margin-top:3%;
    position:relative;
}
.acc-item li>img{
/*    height:55px; */
}
.acc-item .current {
    border:1px solid  #0072c3;
}
.acc-item .acc-free {
    border-color:#0072c3;
}
.acc-item .current{
    background:url(../images/checked.png) no-repeat bottom right;

    /*position:absolute;
    height: 36%;
    width: 94%;
    display:block;
    margin-top:-15%;*/
}
.acc-item .acc-free{
    background:url(../images/zengsong.png) no-repeat bottom right;

    /*background-size: 43px 44px;
    margin-top:-21%;
    position:absolute;
    display:block;
    height: 43%;
    width: 94%;*/
}
.acc-tabl {
    width: 94%; 
    margin: 0 auto; 
    display:none;
}
.acc-tabl .tab {
    background: #69ace0; 
    color: #fff;
}
.acc-tabl .tab  td{border:0;}
.acc-tabl .bl{
    border-left:1px solid #ccc;
}
.acc-tabl .br0 {
    border-left:0;
    border-right:0;
}
.acc-tabl input {
    margin:0;
    vertical-align:middle;
    margin-right:2px;
}
.acc-tabl td{
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    color:#000;
}
.acc-tabl .b-gray {
    border-right:1px solid #ccc;
}
.o-form {
    width: 90%;
    margin:0 auto;
}
.o-form li {
    text-align:left;
    width:100%;
    min-height:1px;
    overflow:hidden;
    font-size: 140%;
    margin-top:10px;
}
.o-form input[type=text],
.o-form input[type=number]{
    border: 1px solid #848484;
    width: 96%;
    color: #333;
    line-height: 260%;
    padding-left: 5px;
    box-sizing: border-box;
    font-size: 100%;
}
.o-form .small {
    width:45%;
    margin-right:5%;
    float:left;
}
.o-form select {
    border: 1px solid #848484;
    line-height: 260%;
    color: #989898;
    font-size: 100%;
    width: 48%;
    float:left;
    background: url(../images/icon.gif) no-repeat right #fff;
    color: #989898;
    -webkit-appearance: none;
}
.o-form .addr{
    width:72%;
    float:right;
}
.o-form .date{
    width:30%;
    margin-right:2%;
}
.o-form .lbl-red{
    line-height:40px;
    color:red;
    width:4%;
    text-align:left;
    float:left;
}
.btn {
    color:#fff !important;
    font-size:100% !important;
    border-radius:0;
}
.addr-box {
    background-color:#fefafa;
    width:92%;
    padding:2%;
    line-height:25px;
    margin:0 auto;
    border:1px solid #e8e8e8;
    font-size:16px;
    text-align:left;
    margin-top:10px;
    min-height:60px;
    overflow:hidden;
    position:relative;
}

.addr-box .user,.addr-box .phone{
    margin-right:1%;
}
.addr-box p{
    clear:both;
}
.addr-box .user{
    background:url(../images/order_user.png) center center no-repeat;
    background-size:100%;
    padding:2%;
}
.addr-box .phone{
    background:url(../images/order_phone.png) center center no-repeat;
    background-size:100%;
    padding:0% 0.8%;
}
.addr-box .add{
    display:block;
    float:right;
    background:url(../images/account/arrow.png) center center no-repeat;
    background-size:100%;
    padding:0.1% 1%;
}
.addr-box .df{
    background: url(../images/account/df.png) no-repeat center bottom;
    background-size: 100%; 
    padding:0.05% 1.8%;
    right:2%;
    margin-top:-1.5%;
    position:absolute;
}
.addr-box .fl{
    float:left;
    width:90%;
    display:block;
}
.dis-box {
    background-color:#f1f1f1;
}
@media only screen and (min-width: 960px) and (max-width: 1160px) {
    .-w-pl-20 img {
        margin:5%;
    }
    .-w-pl-20 {
        padding-left:10% !important;
    }
    .o-form li {
        width:98%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
     .-w-pl-20 img {
        margin:5%;
    }
   .-w-pl-20 {
        padding-left:5% !important;
    }   
   
}
@media only screen and (min-width: 640px) and (max-width: 767px) {
     .-w-pl-20 img {
        margin:5%;
    }
   .-w-pl-20 {
        padding-left:5% !important;
        line-height:300%;
    }
   
}
